<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/AdminLTE.css">
<link rel="stylesheet" href="css/admin.css">
<title>抽奖设置</title>


<style>

</style>
<section class="content-header">
<h1>
    抽奖设置
</h1>
<ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-home"></i>首页</a></li>
    <li class="active">抽奖设置</li>
</ol>
</section>

<style type="text/css">

</style>
<div class="m-container">

<div class="m-container">
    <div class="row">
        <div class="col-md-12">
            <!-- start box -->
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">上墙设置</h3>
                </div>
                <div class="box-body ">
                    <!-- start tabs -->
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                          <li class=""><a href="#tab_1" data-toggle="tab" aria-expanded="true">开通说明</a></li>
                          <li class="active"><a href="#tab_2" data-toggle="tab" aria-expanded="false">抽奖设置</a></li>
                          <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">添加奖项</a></li>
                          <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false">奖项管理</a></li>
                          <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false">中奖名单</a></li>
                        </ul>

<!-- start tab-content -->
<div class="tab-content" style="min-height: 300px;">
    <div class="tab-pane" id="tab_1">
        <div style="padding: 20px;text-align: center;">
            <div style="border:solid 1px #f4f4f4;padding: 20px;border-radius: 3px;display: inline-block;">
            <p>通过大屏互动与微信扫码的方式来进行现场抽奖，气氛更活跃。</p>
            <p>
            <span class="status on">
                <i class="point"></i>
                开启
            </span>
            </p>
            <button class="btn btn-info">关闭功能</button>
            </div>
        </div>
    </div>



    <div class="tab-pane active" id="tab_2">
        <div class="config-group stripe">
            <div class="config-group-item">
                <div class="item-key">
                    <strong>清理数据</strong>
                </div>
                <div class="item-value">
                    <button class="btn btn-info">开启新一轮的抽奖</button>
                    <p class="item-info">每次开启新一轮的抽奖活动，请点击清理数据清理之前数据</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>活动标题</strong>
                </div>
                <div class="item-value">
                    <input type="text" class="item-input" placeholder="活动标题">
                    <p class="item-info">请填写3-16个字的活动标题</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>可重复中奖</strong>
                </div>
                <div class="item-value">
                    <span class="m-switch">
                        <input type="checkbox" class="m-switch-trigger">
                    </span>
                    <p class="item-info">开启重复中奖后，一个用户可参与不同奖品的抽奖，否则只能参与抽奖一次</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>白名单</strong>
                </div>
                <div class="item-value">
                    <button class="btn btn-info">粉丝列表</button>
                    <p class="item-info">选中白名单后，白名单人员优先中奖，白名单人员不足再从现场人员中抽取 如白名单用户当天未参与到活动中，则不能获奖</p>
                </div>
            </div>
            
            <div class="config-group-item">
                <div class="item-key">
                    
                </div>
                <div class="item-value">
                    <button class="btn btn-success">提交修改</button>
                </div>
            </div>
        </div>
    </div>


    <!-- tab_3 -->
    <div class="tab-pane" id="tab_3">
        <div class="config-group stripe">
            <div class="config-group-item">
                <div class="item-key">
                    <strong>排序</strong>
                </div>
                <div class="item-value">
                    <input type="number" class="item-input">
                    <p class="item-info">排序将决定奖品在大屏幕上的显示顺位</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>奖项名称</strong>
                </div>
                <div class="item-value">
                    <input type="text" class="item-input" placeholder="活动标题">
                    <p class="item-info">如：一等奖、二等奖等、二等奖</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>奖品名称</strong>
                </div>
                <div class="item-value">
                    <input type="text" class="item-input" placeholder="奖品名称">
                    <p class="item-info">如：超大礼包、1000元大礼、100元大礼等</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>奖项数量</strong>
                </div>
                <div class="item-value">
                    <input type="number" class="item-input">
                    <p class="item-info">未设置奖项名称或奖品数量设置为0时，将项不显示</p>
                </div>
            </div>
            <div class="config-group-item">
                <div class="item-key">
                    <strong>开启白名单</strong>
                </div>
                <div class="item-value">
                    <button class="btn btn-info">粉丝列表</button>
                    <p class="item-info">白名单中奖开启后，白名单中的用户将优先获得奖项</p>
                </div>
            </div>
            
            <div class="config-group-item">
                <div class="item-key">
                    
                </div>
                <div class="item-value">
                    <button class="btn btn-success">提交修改</button>
                </div>
            </div>
        </div>
        
    </div>
    


    <!-- tab_4 -->
    <div class="tab-pane" id="tab_4">

        <div class="input-group input-group-sm" style="width:400px">
            <input type="text" class="form-control" placeholder="输入关键字查找">
            <span class="input-group-btn">
              <button type="button" class="btn btn-info btn-flat">查找</button>
            </span>
        </div>
        <br>
        <table class="wall-list fans-list table table-hover table-striped table-bordered">
            <thead>
                <tr>
                  <th>排序</th>
                  <th>奖项名称</th>
                  <th>奖品名称</th>
                  <th>奖品数量</th>
                  <th>开启白名单</th>
                  <th>操作</th>                
                </tr>
            </thead>
            <tbody>
                <tr>
                  <td>1</td>
                  <td>一等奖</td>
                  <td>100元大奖</td>
                  <td>1</td>
                  <td>
                    <span class="status on">
                        <i class="point"></i>
                        开启
                    </span>
                  </td>
                  <td>
                    <button class="btn btn-info btn-sm">编辑</button>
                    <button class="btn btn-danger btn-sm">删除</button>
                  </td>
                </tr>
                <tr>
                  <td>1</td>
                  <td>一等奖</td>
                  <td>100元大奖</td>
                  <td>1</td>
                  <td>
                    <span class="status on">
                        <i class="point"></i>
                        开启
                    </span>
                  </td>
                  <td>
                    <button class="btn btn-info btn-sm">编辑</button>
                    <button class="btn btn-danger btn-sm">删除</button>
                  </td>
                </tr>
            </tbody>
        </table>
        <div class="box-footer clearfix">
          <ul class="pagination pagination-sm no-margin pull-right">
            <li><a href="#">«</a></li>
            <li><a href="#">1</a></li>
            <li class="active"><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">»</a></li>
          </ul>
        </div>

    </div>


    <!-- tab_5 -->
    <div class="tab-pane" id="tab_5">

        <div class="input-group input-group-sm" style="width:400px">
            <input type="text" class="form-control" placeholder="输入关键字查找">
            <span class="input-group-btn">
              <button type="button" class="btn btn-info btn-flat">查找</button>
            </span>
        </div>
        <br>
        <table class="wall-list fans-list table table-hover table-striped table-bordered">
            <thead>
                <tr>
                  <th>期数</th>
                  <th>头像</th>
                  <th>昵称</th>
                  <th>奖项</th>
                  <th>奖品</th>
                  <th>中奖时间</th>                 
                  <th>状态</th>
                  <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                  <td>第一期</td>
                  <td><img src="img/user3-128x128.jpg" alt="" class="user-img"></td>
                  <td>John Doe</td>
                  <td>一等奖</td>
                  <td>100元</td>
                  <td>2017-04-08 22:88</td>
                  <td>
                    <span class="status on">
                        <i class="point"></i>
                        开启
                    </span>
                  </td>
                  <td>
                    <button class="btn btn-danger btn-sm">删除记录</button>
                  </td>
                </tr>
                <tr>
                  <td>第一期</td>
                  <td><img src="img/user3-128x128.jpg" alt="" class="user-img"></td>
                  <td>John Doe</td>
                  <td>一等奖</td>
                  <td>100元</td>
                  <td>2017-04-08 22:88</td>
                  <td>
                    <span class="status on">
                        <i class="point"></i>
                        开启
                    </span>
                  </td>
                  <td>
                    <button class="btn btn-danger btn-sm">删除记录</button>
                  </td>
                </tr>
            </tbody>
        </table>
        <div class="box-footer clearfix">
          <ul class="pagination pagination-sm no-margin pull-right">
            <li><a href="#">«</a></li>
            <li><a href="#">1</a></li>
            <li class="active"><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">»</a></li>
          </ul>
        </div>

    </div>

</div>
<!-- end tab-content -->

                    </div>
                    <!-- end tabs -->
                </div>
            </div>
            <!-- end box -->
        </div>
    </div>
</div>

</div>
<script src="js/jquery-2.2.3.min.js"></script>

<script src="../js/bootstrap.min.js"></script>
